import React from "react"
import { Card,Carousel } from "antd";
import "./ui.less";

export default class Carousels extends React.Component{
    render(){
        return(
            <div>
                <Card title="文字轮播" className="cardbox">
                    <Carousel autoplay>
                        <div><h3>AAAAAAA-React</h3></div>
                        <div><h3>AAAAAAA-Vue</h3></div>
                        <div><h3>AAAAAAA-Agular</h3></div>
                    </Carousel>
                </Card>  
                <Card title="图片轮播" className="img-carousel">
                    <Carousel autoplay effect="fade">
                        <div><img src="../../../src/img/carousel-img/carousel-1.jpg"></img></div>
                        <div><img src="../../../src/img/carousel-img/carousel-2.jpg"></img></div>
                        <div><img src="../../../src/img/carousel-img/carousel-3.jpg"></img></div>
                    </Carousel>
                </Card>      
            </div>
        )
    }
}